<template>
  <div class="footer">
    <div>
      <el-checkbox v-model="checked" />
      <el-button @click="batchhander"  class="dele">批量删除</el-button>
    </div>
    
    <div class="footer1">
      <el-pagination
      background
      :current-page="page"
      :page-sizes="[8]"
      :page-size="pageSize"
      layout=" prev, pager, next, jumper"
      :total="total"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
       />   
    </div>
  </div>
</template>

<script>
import eventBus from '../../../utils/eventBus'
export default {
  props: ['page', 'pageSize', 'total'],
  data() {
    return {
      checked:false
      //  currentPage:1
    }},
  methods: {
    batchhander() {
      eventBus.$emit('batchtranfer')
    },
    handleSizeChange(val) {
      this.$emit('changePageSize', val)
    },
    handleCurrentChange(val) {
      this.$emit('changePage', val)
    }
  }
}
</script>

<style scoped rel="stylesheet/scss" lang="scss">
.footer{
  height: 70px;
  position: relative;
}
.el-checkbox{
  margin-left: 50px;
  width: 30px;
}
.dele{
  margin-left: 15px;
  color: #333;
  font-size: 12px;
  border: #fff;
  margin-top: 25px;
}
.footer1{
 display: flex;
 align-items: center;
 position: absolute;
 top:22px;
 left:30%
}
</style>
